<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.js"></script>
<section class="pageheader-default text-center">
	<div class="semitransparentbg">
		<h1 class="animated fadeInLeftBig notransition">Facilities</h1>
		<p class="animated fadeInRightBig  notransition container page-description">
			 Kami menawarkan konsep yang berbeda dari Hotel Bandung Selatan pada umumnya dengan design interior dan eksterior<br />
			 hotel yang bergaya modern minimalis, dengan luas kamar mulai dari 24 M2 dan dibangun untuk kenyamanan, memberikan<br />
			 setiap orang suasana yang menyenangkan dan suasana santai di setiap kamarnya.
		</p>
	</div>
	</section>
	<div class="wrapsemibox">

		<!-- TEAM
================================================== -->
		<section class="container animated  notransition topspace10">
		<div class="row">
			<div class="col-md-12">
				<h1 class="smalltitle">
				</h1>
				<!--Begin Tabs 3-->
				<ul class="nav nav-tabs" id="myTab">
					<li class="active"><a href="#dev"><i class="icon-camera"></i>Room</a></li>
					<li><a href="#ops"><i class="icon-picture"></i> Meeting Room</a></li>
					<li><a href="#staff"><i class="icon-leaf"></i> sights </a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="dev">	
						<div class="featured lead  animated fadeInLeft">
							<div class="row">
									<ul id="team">
										<?php foreach ($list as $l) {
											if(!empty($l->f_path))
												{ $id = base_url('home/facilities_id/'.$l->id_facilities);
													$img = base_url('source/upload/facilities/'.$l->f_path);
												}else{ $img = base_url('source/upload/download.jpg');
												}
											if($l->f_type ==  "room"){
												?>
											<li class="team-gallery">
												<a data-toggle="modal" href="<?=@$id?>"data-toggle="modal" data-target=".bs-example-modal-lg"><img src="<?php echo $img;?>" alt="" /></a>
<!-- 												<a class="fancybox" href="<?php echo $img;?>" data-fancybox-group="gallery" title="<?php echo $l->f_name;?>"><img src="<?php echo $img;?>" alt="" /></a> -->
												 <div class="title-team">
											      <h5 class="team-title-light"><?php echo $l->f_name;?></h5>
											      <div class="clearfix"></div>
											      <h5 class="team-title-dark"><?php echo $l->f_description;?></h5>
											    </div>
											</li>	
										<?php } } ?>
		
									</ul>
								</div>
						</div>
					</div>
		
					<div class="tab-pane" id="ops">
						<div class="featured lead  animated fadeInLeft">
							<div class="row">
								<ul id="team">
										<?php foreach ($list as $l) {
											if(!empty($l->f_path))
												{ $id = base_url('home/facilities_id/'.$l->id_facilities);
													$img = base_url('source/upload/facilities/'.$l->f_path);
												}else{ $img = base_url('source/upload/download.jpg');
												}
											if($l->f_type ==  "meeting"){
												?>
											<li class="team-gallery">
												<a data-toggle="modal" href="<?=@$id?>"data-toggle="modal" data-target=".bs-example-modal-lg"><img src="<?php echo $img;?>" alt="" /></a>
												<!-- <a class="fancybox" href="<?php echo $img;?>" data-fancybox-group="gallery" title="<?php echo $l->f_name;?>"><img src="<?php echo $img;?>" alt="" /></a> -->
												 <div class="title-team">
											      <h5 class="team-title-light"><?php echo $l->f_name;?></h5>
											      <div class="clearfix"></div>
											      <h5 class="team-title-dark"><?php echo $l->f_description;?></h5>
											    </div>
											</li>	
										<?php } } ?>
									</ul>
							</div>
						</div>
					</div>

					<div class="tab-pane" id="staff">
						<div class="featured lead  animated fadeInLeft">
							<div class="row">
								<ul id="team">
										<?php foreach ($list as $l) {
											if(!empty($l->f_path))
												{ $id = base_url('home/facilities_id/'.$l->id_facilities);
													$img = base_url('source/upload/facilities/'.$l->f_path);
												}else{ $img = base_url('source/upload/download.jpg');
												}
											if($l->f_type ==  "sights"){
												?>
											<li class="team-gallery">
											<a data-toggle="modal" href="<?=@$id?>"data-toggle="modal" data-target=".bs-example-modal-lg"><img src="<?php echo $img;?>" alt="" /></a>
											<!-- 	<a class="fancybox" href="<?php echo $img;?>" data-fancybox-group="gallery" title="<?php echo $l->f_name;?>"><img src="<?php echo $img;?>" alt="" /></a> -->
												 <div class="title-team">
											      <h5 class="team-title-light"><?php echo $l->f_name;?></h5>
											      <div class="clearfix"></div>
											      <h5 class="team-title-dark"><?php echo $l->f_description;?></h5>
											    </div>
											</li>	
										<?php } } ?>
									</ul>
								</div>
							</div>
						</div>
				</div>
			</div>
				<!--End Tabs 3-->
			</div>
		</section>
        
	</div>
	



<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>
<script type="text/javascript">

	$('body').on('hidden.bs.modal', '.modal', function () {

    $(this).removeData('bs.modal');

});

</script>